<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<style type="text/css">
		.dv{
			width: 200px;
			height: 50px;
			background-color: red;
		}
	</style>
	<script src="../../../../../../vue2.0/dist/vue.js"></script>
	<template id="muban">
		<div class="dv">
			模板数据
		</div>
	</template>
	<body>
		
	</body>
	   <div id="dv">
	   	   <aaa> 
	   	      <bbb></bbb>   <!--bbb是子组件，aaa是父组件，这里的bbb未注册，仅作示例-->
	   	   </aaa>
	   </div>
	<script>
		    Vue.component('aaa',{
		    	template:'#muban',
		    	
		    })
		 new Vue({
		 	el:'#dv'
		 })
	</script>
	      <!--父子组件指的就是在组件内部可以再嵌套一层组件-->
</html>
